@import url('https://fonts.googleapis.com/css2?family=Sen:wght@400;700;800&display=swap');
body, p, h1, h2, h3, h4{
    margin: 0px;
}
body{
    font-family: 'Sen', sans-serif;
    color: #2E2716;
}
a{
    color:inherit;
}
#pageContentContainer{
    min-height:calc(100vh - 400px - 20px); /*100% height of viewport - header and footer - padding*/
    max-width:1330px;
    margin:auto;
    padding-top: 10px;
    padding-bottom: 10px;
}
/*A Style for a block of text (or content) on the left, with an image on the right*/
.textImageBlockRight{
    display:flex;
}
.textImageBlockRight span:nth-child(1){
    margin-right:10px;
}
.textImageBlockRight span:nth-child(2){
    display:inline-block;
    max-width:280px;
}
.textImageBlockRight span:nth-child(2) img{
    width:100%;
}
/*If the screen becomes too small for the split content, change accordingly*/
@media screen and (max-width: 890px) {
    .textImageBlockRight{
        flex-direction: column;
        align-items: center;
    }
    .textImageBlockRight span:nth-child(1){
        margin-right:0px;
        margin-bottom:10px;
    }
}
/* Media queries for showing and hiding desktop/mobile aspects */
@media screen and (max-width: 890px) {
    .desktopAspect{
        display:none;
    }
}
@media screen and (min-width: 891px) {
    .mobileAspect{
        display:none;
    }
}